<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>病人登陆</title>
	<style type="text/css">
    <!--
   body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
   }
   -->
</style>
<script type="text/javascript">
         
         function changeImg(){   
            var imgSrc = document.getElementById("imgObj");    
            imgSrc.src = "<%=request.getContextPath() %>/VerifyCodeServlet?imeamp="+ new Date().getTime() ;  //加一个时间戳，为了避免去暖冲中取到相同的照片
            return ;
         }  

      </script> 
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/page/patient/css/patientLogin.css">
	<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath() %>/page/patient/js/patientLoginValidation.js"></script>
	
  </head>
  <body>
    
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	  <tr>
	    <td height="147" background="<%=request.getContextPath() %>/images/top02.gif"><img src="<%=request.getContextPath() %>/images/top03.gif" width="776" height="147" /></td>
	  </tr>
	</table>
	<table width="562" border="0" align="center" cellpadding="0" cellspacing="0" class="right-table03">
	  <tr>
	    <td width="221"><table width="95%" border="0" cellpadding="0" cellspacing="0" class="login-text01">
	      <tr>
	        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="login-text01">
	          <tr>
	            <td align="center"><img src="<%=request.getContextPath() %>/images/ico13.gif" width="107" height="97" /></td>
	          </tr>
	          <tr>
	            <td height="40" align="center">&nbsp;</td>
	          </tr>
	        </table>
	        </td>
	        <td><img src="<%=request.getContextPath() %>/images/line01.gif" width="5" height="292" /></td>
	      </tr>
	    </table>
	    </td>
	    <td>
		    <form action="<%=request.getContextPath() %>/patientLogin.do" Method="post">
		    <div id="result" style="color:red;"></div>
		    <table width="100%" border="0" cellspacing="0" cellpadding="0">
		      <tr>
		        <td width="31%" height="35" class="login-text02">用户名称：<br /></td>
		        <td width="69%">
		          <input name="userName" type="text" size="29" id="userName"/>
		          
		        </td>  
		      </tr>
		      <tr>
		        <td height="35" class="login-text02">密　码：<br /></td>
		        <td>
		           <input name="userPassword" type="password" size="33" id="userPassword" />
		           
		        </td>
		      </tr>
		      <tr>
		        <td height="35" class="login-text02">验证图片：<br /></td>
		        <td>
			        <img id="imgObj" alt="" src="<%=request.getContextPath() %>/VerifyCodeServlet" width="109" height="40" /> 
			        <a href="#" onclick="return changeImg();" class="login-text03">看不清楚，换张图片</a>
		        </td>
		        
		      </tr>
		      <tr>
		        <td height="35" class="login-text02">请输入验证码：</td>
		        <td><input name="veryCode" type="text" size="30" id="veryCode"/></td>
		        
		      </tr>
		      <tr>
		        <td height="35">&nbsp;</td>
		        <td><input name="login" type="submit" class="right-button01" id="login" value="确认登陆" />
		          <input name="reset" type="reset" class="right-button02" value="重 置" />   
		          <a href="<%=request.getContextPath() %>/page/patient/patientRegister.jsp">新用户注册</a></td>
		      </tr>
		    </table>
		    </form>
	    </td>
	  </tr>
	</table>
</body>
</html>
